<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>链接属性</title>
	<style>
		a:link{
			background-color: red;
		}
		
		a:visited{
			background-color: green;
		}
		
		a:hover{
			background-color: blue;
		}
		
		a:active{
			background-color: #ccc;
		}
		
		h1:hover{
			text-align: center;
			color: #0f0;
			background-color: #ccc;
		}
	</style>
</head>

<body>
	<pre>
			链接属性：a    link   四种链接的状态    伪类选择器  love hate
			a:link      - 正常，未访问过的链接
			a:visited   - 用户已访问过的链接
			a:hover     - 当用户鼠标放在链接上时
			a:active    - 链接被点击的那一刻
			
			伪类选择器：
			选择器:hover   鼠标移入(悬停)时    
	</pre>
	
	
	<a href="https://www.baidu.com/">百度</a>
	<a href="https://www.mi.com/shop">小米</a>
	<a href="https://www.douban.com/">豆瓣</a>
	<a href="https://music.163.com/">网易云</a>
	
	
	<h1>断章</h1>
	
	




	<div style="height: 200px;"></div>
</body>

</html>